<template>
    <view>
        <view class="top">
            <image class="head" src="../../static/logo.png" mode=""></image>
            <view class="fontBox">
                <text class="prompt name">微信用户</text>
                <text class="prompt time">2023-8-15 17:37:51</text>
                <view class="clear"></view>
            </view>
        </view>
        <navItem :navs="navList"></navItem>
        <logout></logout>
    </view>
</template>

<script>
    import logout from '@/components/my/logout'
    import navItem from '@/components/navigation/nav-item'
    export default {
        components: {
            logout,
            navItem
        },
        data() {
            return {
                navList: [{
                    title: '订单',
                    icon: '../../static/logo.png',
                    href: '/pages/order/list'
                }]
            }
        },
        methods: {

        }
    }
</script>

<style lang="scss" scoped>
    .top {
        height: 130rpx;
        width: 94%;
        margin: 0 auto;

        border: {
            width: 1rpx;
            style: solid;
            color: lightgray;
            radius: 20rpx;
        }

        ;

        margin: {
            top: 20rpx;
            bottom: 20rpx;
        }

        ;

        padding: {
            top: 20rpx;
        }

        ;

        .head {
            height: 100rpx;
            width: 100rpx;
            border-radius: 50%;

            margin: {
                left: 20rpx;
            }

            ;
            float: left;
        }

        .fontBox {
            float: left;
            margin-left: 20rpx;

            .prompt {
                display: block;
                margin-top: 10rpx;
            }

            .name {
                font-size: 32rpx;
                color: #000;
            }

            .time {
                font-size: 24rpx;
                color: dimgray;
            }
        }

    }
</style>